{layout name="layout" replace="[__REPLACE__]" /}
<div class="flex-box">
  <div class="flex-item">
    <h1>忘记密码</h1>
  </div>
  <div class="flex-item">
    <form method="post" class="pure-form pure-form-stacked">
      <fieldset>
        <div class="pure-control-group">
          <label for="username">用户名</label>
          <input type="text" name="username" id="username" placeholder="用户名" required>
          <!-- <span class="pure-form-message">请输入要重置密码的账户名称。</span> -->
        </div>
        <div class="pure-control-group">
          <label for="email">邮箱</label>
          <input type="email" name="email" id="email" placeholder="邮箱" required>
          <!-- <span class="pure-form-message">This is a required field.</span> -->
        </div>
        <div class="pure-controls">
          <button type="submit" class="pure-button pure-button-primary">发送邮件</button>
        </div>
        <div class="pure-controls">
          <div class="pure-menu pure-menu-horizontal">
            <ul class="pure-menu-list">
              <li class="pure-menu-item"><a class="pure-menu-link" href="/auth/admin/register">注册</a></li>&nbsp;|&nbsp;
              <li class="pure-menu-item"><a class="pure-menu-link" href="/auth/admin/login">登录</a></li>
            </ul>
          </div>
        </div>
      </fieldset>
    </form>
  </div>
</div>